import { TextArea } from "antd-mobile";
import React from "react";
import { questionTypeMapData } from "@/utils/utils";

interface IProp {
  item: Question;
}

export default function Fill({ item }: IProp) {
  return (
    <div className="qa">
      <div className="flex">
        <div className="type">{questionTypeMapData[item.questionType]}</div>
        <div className="title">{item.title}</div>
      </div>
      <div
        className="code"
        dangerouslySetInnerHTML={{ __html: item.content as string }}
      ></div>
      <TextArea rows={5} />
    </div>
  );
}
